#vipPay {
    @include flexbox();
    @include flex-direction(column);
    height: 100%;
    background: #f6f6f6;
    header {
        @include flexbox();
		height: 45px;
        line-height: 45px;
        color: #fff;
        background: linear-gradient(to right, #2fd4ac,  #2fd492);
        i {
            width: 30px;
            background: url(image/icon_return.png) no-repeat center;
            background-size: 100%;
        }
        div {
            @include flex();
            text-align: center;
            font-size: 18px;
            margin-right: 30px;
        }

    }
    .tip {
        width: 100%;
        height: auto;
        padding: 10px 15px;
        font-size: 15px;
        color: #fff;
        line-height: 25px;
        background: rgba(232,82,77,1);
        border-bottom: 10px solid #F6F6F6;
    }
    &>div.content {
        @include flex();
        width: 100%;
        // background: #fff;
        div.agbox {
            @include flexbox();
            .agree {
                width: auto;
                margin: auto;
                background: #f6f6f6;
                background: url(image/check_normal.png) no-repeat left;
                background-size: 18px;
                padding-left: 25px;
                &.checked {
                    background: url(image/check_click.png) no-repeat left;
                    background-size: 18px;
                }
                a {
                    color: rgba(232,82,77,1);
                }
            }
           
        }
        label {
            @include flexbox();
            width: 100%;
            height: 60px;
            line-height: 60px;
            background: #fff;
            padding: 0 15px;
            border-bottom: 1px solid rgba(223,223,223,1);
            &:nth-of-type(2),&:last-child {
                border: none;
            }
            div {
                @include flex();
                font-size: 15px;
                color: rgba(51,51,51,1);
                img {
                    margin-right: 3px;
                }
            }
            input[type='radio'] {
                opacity: 0;
                position: absolute;
            }
            input[type='radio']+i {
                width: 18px;
                background: url(image/check_normal.png) no-repeat center;
                background-size: 18px;
            }
            input[type='radio']:checked+i {
                background: url(image/check_click.png) no-repeat center;
                background-size: 18px;
            }
            
        }

    }
    div.footer {
    	background: #fff;
    	a {
    		display: block;
    		width:194px;
	        height: 35px;
	        line-height: 35px;
	        margin: 10px auto;
	        text-align: center;
	        font-size: 17px;
	        border-radius: 20px;
	        background: rgba(229,50,45,1);
	        color: rgba(255,255,255,1);
    	}
    }
    .mc {
        @include flexbox();
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.5);
        div {
            width: 80%;
            height: 70%;
            background: #fff;
            margin: auto;
            border-radius: 10px;
            padding: 15px;
            overflow: scroll;
            h3 {
                text-align: center;
                font-size: 15px;
            }
            p {
                margin-top: 10px;
                font-size: 14px;
                color: rgba(75,75,75,1);
                text-indent: 2em;
            }
        }
    }
}